<template>
  <div class="right-list">
    <div class="content">
      <!-- 个人成就列表 -->
      <AchievementList
        :follow_num="authorData.follow_num"
        :articleCount="authorData.articleCount"
        :totalHitNum="authorData.totalHitNum"
        :totalLikeNum="authorData.totalLikeNum"
      />
      <!-- 随机推荐列表 -->
      <RandomList width="220px" />
    </div>
  </div>
</template>

<script>
import AchievementList from './achievement-list.vue'
export default {
  components: {
    AchievementList
  },
  props: {
    authorData: {
      type: Object,
      default: () => {}
    }
  }
}
</script>

<style lang="scss" scoped>
.right-list {
  margin-right: 50px;
  .content {
    position: sticky;
    top: 20px;
  }
}
</style>
